        *{box-sizing: border-box;}
        .text-red{color: cornflowerblue;}
        .bgRed{background-color: darkblue !important;}
        .bg-blue{background-color: blue;}
        .nav{
            display: flex;
            justify-content: space-between;
            width: 1100px;
            background-color: #123456;
            flex-wrap: wrap;
            margin: 0 auto;
        }
        .logo{
            width:400px;
        }
        .logo:hover{background-color: black;}
        .logo img{width: 400px;}
        .nav-items{
            width: 700px;
        }
        .nav-items{padding-top: 16px;box-sizing: border-box;}
        .nav-items ul{display: flex;list-style: none;justify-content: space-around;}
        .nav-items a{color: #777777;text-decoration: none;}
        .nav-items .active{color:#777777}
        .nav-items a:hover{color: #777777;text-decoration: underline;}
